<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>来，跟我一起逛66</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
	<!-- /*  宝宝树66小区二次改造    mod   dayu  20170724   start   */-->
<!--    <link href="http://66xiaoqu.babytreeimg.com//app/20170724_2333/css/inviteReward/yaoqing.css?v=5" rel="stylesheet" type="text/css"/>-->
    <!-- /*  宝宝树66小区二次改造    mod   dayu  20170724   end   */-->

    <!-- /*  宝宝树66小区二次改造    mod   zhangm  20170814   start   */-->
    <style>
        /* CSS Document */
        html, body, div, span, p, a, em, img, form, label, input, a, textarea {
            margin: 0;
            padding: 0;
            border: 0;
            box-sizing: border-box;
            outline: 0;
            font-size: 100%;
            vertical-align: baseline;
            background: transparent;
        }

        input, textarea {
            -webkit-appearance: none;
        }

        a {
            text-decoration: none;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        body {
            color: #fff;
            font-size: 16px;
            font-family: "微软雅黑", arial;
            line-height: 1.4em;
            -webkit-text-size-adjust: none;
        }

        body, html {
            height: 100%;
        }

        body {
        <!-- /*  宝宝树66小区二次改造    mod   dayu  20170724   start   */-->
            background-image: url('http://66xiaoqu.babytreeimg.com/app/20170721_1605/images/inviteReward/bg.jpg');
        <!-- /*  宝宝树66小区二次改造    mod   dayu  20170724   end   */-->

            background-size: 100%;
            background-repeat: no-repeat;
        }

        input::-webkit-input-placeholder {
            color: #a8a8a8;
        }

        body, a, img {
            outline: none;
            blr: expression(this.onFocus=this.blur());
        }

        img {
            border: none;
            max-width: 100%;
        }

        em {
            font-style: normal;
        }

        .top {
            margin-top: 20px;
            margin-left: 20px;
            display: block;
            width: 100px;
        }

        .clearfix:after {
            display: block;
            clear: both;
            content: "";
            visibility: hidden;
            height: 0
        }

        .noSelect {
            user-select: none;
            -o-user-select: none;
            -moz-user-select: none;
            -khtml-user-select: none;
            -webkit-user-select: none;
        }

        .avatar {
            border-radius: 50%;
            border: 1px solid #fff;
            margin: 0 auto 3%;
            width: 25%;
        }

        #wrapper {
            height: 100%;
            text-align: center;
            max-width: 640px;
            margin: 0 auto;
        }

        .p1 {
            line-height: 1.6em;
            font-size: 1.0em;
            width: 74%;
            margin: 0 auto;
            text-shadow: 0px 1px 3px #5d5650;
        }

        .p1 em {
            color: #ec6941;
        }

        #text, #button {
            border-radius: 5px;
            color: #fff;
            text-align: center;
            padding: 8px 0;
            width: 70%;
            font-size: 1.2em;
        }

        #text {
            border: 2px solid #fff;
            margin: 4% auto 4%;
            text-shadow: 0px 1px 3px #5d5650;
        }

        #button {
            border-radius: 10px;
            background: white;
            color: #df354b;
            width: 72%;
            padding: 12px 0;
            border: 2px solid #df354b;
        }

        .p3 {
            color: #f7744a;
        }

        /*pop*/
        .pop {
            background: rgba(0, 0, 0, 0.7);
            display: none;
            color: #fff;
            height: 100%;
            top: 0;
            left: 0;
            position: absolute;
            text-align: center;
            width: 100%;
            z-index: 9;
        }

        .pop .close {
            width: 12%;
            padding: 2px;
            right: 9px;
            top: 8px;
            position: absolute;
            padding: 2%;
        }

        #reged .loading-con {
            background: rgba(0, 0, 0, 0.77);
            display: inline-block;
            padding: 25px 30px;
            position: relative;
            top: 30%;
        }

        .jifei-geted-con, .jifei-getok-con {
            background: #fff;
            border-radius: 5px;
            position: relative;
            padding-top: 45px;
            top: 25%;
            left: 15%;
            overflow: hidden;
            width: 70%;
            z-index: 9;
        }

        .p4 {
            background: #dcdcdc;
            border-radius: 3px;
            color: #333;
            display: inline-block;
            font-size: 0.8em;
            padding: 2px 10px;
            position: relative;
        }

        .p4 .irrow {
            border-style: solid;
            border-width: 6px 6px 0 6px;
            border-color: #dcdcdc #fff #fff #fff;
            position: absolute;
            bottom: -5px;
            left: 45%;
            height: 0;
            overflow: hidden;
            width: 0;
        }

        .jifei-geted-con .p4 {
            margin-top: 30px;
        }

        .jifei-getok-con .p4 {
            margin-top: 20px;
        }

        .jifei-getok-con .p5 {
            line-height: 1.3em;
        }

        .download {
            background: #ec6941;
            border-radius: 3px;
            color: #fff;
            display: block;
            margin: 10px 9% 20px;
            padding: 8px 0;
            width: 82%;
        }

        .p5 {
            color: #333;
        }

        #bottom-p {
            color: #fff;
            font-size: 0.8em;
            margin-top: 10px;
            text-align: center;
            width: 100%;
            max-width: 630px;
        }

        .bottom-img {
            width: 100%;
            /*position: absolute;*/
            bottom: 0;
        }

        .wrapper-pc .p1 {
            font-size: 20px;
            line-height: 1.8em;
        }

        .wrapper-pc #text, .wrapper-pc #button {
            border-radius: 10px;
            padding: 20px 0;
        }

        .wrapper-pc .p2 {
            font-size: 16px;
        }

        .wrapper-pc .jifei-getok-con, .wrapper-pc .jifei-geted-con {
            left: 40%;
            width: 20%;
        }

        .wrapper-pc {
        <!-- /*  宝宝树66小区二次改造    mod   dayu  20170724   start   */-->
            background-image: url('http://66xiaoqu.babytreeimg.com/app/20170721_1605/images/inviteReward/bg.jpg');
        <!-- /*  宝宝树66小区二次改造    mod   dayu  20170724   end   */-->

            background-size: 100%;
            background-repeat: no-repeat;

        }

        @media only screen and (max-height: 430px) {
            .avatar {
                margin: 7% auto 3%;
                width: 20%;
            }

            #text {
                margin: 10% auto 8%;
            }

            #text, #button {
                width: 70%;
            }
        }

        input::-webkit-input-placeholder {
            color: #D2D2D2;
        }

        footer {
            box-sizing: border-box;
            position: fixed;
            bottom: 0;
            display: none;
            left: 0;
            width: 100%;
        }

        footer a {
            position: fixed;
            bottom: 2%;
            right: 10px;
            color: #ec6941;
            background: #fff;
            border-radius: 10px;
            display: inline-block;
            height: 34px;
            line-height: 34px;
            text-align: center;
            width: 25%;
        }

    </style>
    <!-- /*  宝宝树66小区二次改造    mod   zhangm  20170814   end   */-->
</head>
	<!-- /*  宝宝树66小区二次改造    mod   dayu  20170724   start   */-->
<!-- /*<body class="noSelect" style="background-image: url(../../images/inviteReward/bg.jpg);background-size: 100%;background-repeat: no-repeat;"> */-->
<body class="noSelect" style="background-image: url('http://66xiaoqu.babytreeimg.com//app/20170721_1605/images/inviteReward/bg.jpg');background-size: 100%;background-repeat: no-repeat;">
	<!-- /*  宝宝树66小区二次改造    mod   dayu  20170724   end   */-->
<div style="display:none">
    <!-- /*  宝宝树66小区二次改造    add   luolh  20170724   start   */-->
    <!--
    <img src="http://66xiaoqu.babytreeimg.com/app/images/com/icon.png">
    -->
    <img src="http://66xiaoqu.babytreeimg.com//app/20170721_1605/images/inviteReward/icon.png">
    <!-- /*  宝宝树66小区二次改造    add   luolh  20170724   end   */ -->
</div>
<div id="wrapper">
    <div style="margin-top: 70px">
        <!-- /*  宝宝树66小区二次改造    add   luolh  20170724   start   */-->
        <!--
        <img src="http://66xiaoqu.babytreeimg.com/app/images/inviteReward/portrait_normal.jpg" class="avatar">
        -->
        <img src="http://66xiaoqu.babytreeimg.com//app/20170721_1605/images/inviteReward/portrait_normal.jpg" class="avatar">
        <!-- /*  宝宝树66小区二次改造    add   luolh  20170724   end   */-->
        <p class="p1"><span id="nickName"></span>邀请你加入“宝宝树66小区”，小区里的大事小情都在这</p>

        <form onclick="return false">
            <input type="tel" placeholder="请输入手机号" id="text"/>
            <input type="submit" value="点击领取" id="button"/>
        </form>
    </div>
    <div class="pop" id="reged">
        <span class="loading-con" id="tip"></span>
    </div>
    <!--<p id="bottom-p">在这里发现你身边的好邻居！</p>-->
	<!-- /*  宝宝树66小区二次改造    mod   dayu  20170724   start   */-->
    <img id="img1" class="bottom-img" style="margin-top: 26%"
         src="http://66xiaoqu.babytreeimg.com//app/20170721_1605/images/inviteReward/index_1.jpg">
    <img class="bottom-img" src="http://66xiaoqu.babytreeimg.com//app/20170721_1605/images/inviteReward/index_2.jpg">
	<!-- /*  宝宝树66小区二次改造    mod   dayu  20170724   end   */-->
    <!--宝宝树66小区二次改造    del   张秘  20170724   start-->
    <!--<img class="bottom-img" src="http://66xiaoqu.babytreeimg.com/app/images/inviteReward/index_3.jpg"
         style="margin-bottom: 80px">-->
    <!--宝宝树66小区二次改造    del   张秘  20170724  end-->
    <div class="pop" id="jifei-geted">
        <div class="jifei-geted-con">
	<!-- /*  宝宝树66小区二次改造    mod   dayu  20170724   start   */-->
            <a href="javascript:;" class="close" id="jifei-geted-close"><img
                    src="http://66xiaoqu.babytreeimg.com//app/20170721_1605/images/inviteReward/close.png"></a>

            <p class="p3">你已经领过礼物了，<br/>快下载我们一起找邻居吧！</p>
	<!-- /*  宝宝树66小区二次改造    mod   dayu  20170724   end   */-->
            <span class="p4">下载并注册即可使用啦！<span class="irrow"></span></span>
            <a href="javascript:click_download();" class="download">下载应用</a>
        </div>
    </div>
    <div class="pop" id="jifei-get-ok">
        <div class="jifei-getok-con">
	<!-- /*  宝宝树66小区二次改造    mod   dayu  20170724   start   */-->
            <a href="javascript:;" class="close" id="jifei-getok-close"><img
                    src="http://66xiaoqu.babytreeimg.com//app/20170721_1605/images/inviteReward/close.png"></a>

            <p class="p3">礼物已领取</p>
	<!-- /*  宝宝树66小区二次改造    mod   dayu  20170724   end   */-->

            <p class="p5">放入你 <span id="phone"></span> <br/>的账号内</p>
            <span class="p4">下载即可换好礼啦！<span class="irrow"></span></span>
            <a href="javascript:click_download();" class="download">下载应用</a>
        </div>
    </div>
</div>
<footer>
    <!-- /*  宝宝树66小区二次改造    add   luolh  20170724   start   */-->
    <!--
    <img style="display: block" src="http://66xiaoqu.babytreeimg.com/app/images/inviteReward/download.jpg">
    -->
    <img style="display: block" src="http://66xiaoqu.babytreeimg.com//app/20170721_1605/images/inviteReward/download.png">
    <!-- /*  宝宝树66小区二次改造    add   luolh  20170724   send   */-->
    <a href="javascript:click_download();">马上下载</a>
    <!-- /*  宝宝树66小区二次改造    add   luolh  20170724   send   */-->
</footer>
</body>
</html>
	<!-- /*  宝宝树66小区二次改造    mod   dayu  20170724   start   */-->
<script src="http://66xiaoqu.babytreeimg.com//app/20170721_1605/js/controller/acquisition.js"></script>
<script type="text/javascript" src="http://66xiaoqu.babytreeimg.com//app/20170721_1605/js/lib/zepto.js"></script>
<script type="text/javascript" src="http://66xiaoqu.babytreeimg.com//app/20170721_1605/js/controller/common.js"></script>
<script type="text/javascript" src="http://66xiaoqu.babytreeimg.com//app/20170721_1605/js/controller/tip.js"></script>
<script type="text/javascript" src="http://66xiaoqu.babytreeimg.com//app/20170721_1605/js/inviteReward/yaoqing.js"></script>
<script src="http://66xiaoqu.babytreeimg.com//app/20170721_1605/js/controller/share.js"></script>
<script type="text/javascript">
	 /*  宝宝树66小区二次改造    mod   dayu  20170724   end   */


    function click_download() {
        var postData = {
            type: 65,
            typeDesc: '邀请有礼分享页面点击下载'
        };
        clickAcquisition(postData);

        toDownload();
    }


    var height = document.body.clientHeight;
    //适配浏览器
    if (document.body.clientWidth >= 640) {
        document.getElementsByClassName('noSelect')[0].className = 'noSelect';
        document.getElementsByTagName('html')[0].style.background = '#fff';
    }

    //表单
    //    document.getElementById('text').onfocus = function () {
    //        if (this.value == '请输入手机号码')this.value = '';
    //    }

    //    //隐藏 图层pop1
    //    setTimeout(function () {
    //        document.getElementById('reged').style.display = 'none';
    //    }, 2000);
    //隐藏 图层pop2
    document.getElementById('jifei-geted-close').onclick = function () {
        document.getElementById('jifei-geted').style.display = 'none';
        $('#wrapper').css("overflow", null);
    };
    //隐藏 图层pop3
    document.getElementById('jifei-getok-close').onclick = function () {
        document.getElementById('jifei-get-ok').style.display = 'none';
        $('#wrapper').css("overflow", null);
    };

    window.onscroll = function () {
        if (document.body.scrollTop > 200) {
            $('footer').css('display', 'block')
        } else {
            $('footer').css('display', 'none')
        }
    }

</script>

